$orange: var(--primary);
$san: rgba(51, 51, 51, 1);
.full{
  flex:1
}
.white {
  color: #fff;
}
.primary {
  color: var(--primary);
  cursor: pointer;
}
.add {
  color: #3296fa;
}
.condition {
  color: #fff;
  background: #15bc83;
}
.notifier {
  color: #fff;
  background: #3296fa;
}
ul, li {
  list-style: none;
}

.w_100 {
  width: 100%;
}
.ant-switch-checked {
  background: var(--primary);
}
.ant-checkbox-checked .ant-checkbox-inner {
  border-color: var(--primary);
  background: var(--primary);
}
.ant-radio-checked .ant-radio-inner {
  border-color: var(--primary);
}
.pSlide {
  .ant-layout-sider-children {
    margin-top: 0 !important;
  }
}
.ant-radio-inner::after {
  background: var(--primary);
}
.mg_l_o {
  margin-left: auto;
}

.line_h60 {
  line-height: 60px;
}
.line_h80 {
  line-height: 80px;
}
.orange {
  background: var(--primary);
}

.flr {
  float: right;
}

.fll {
  float: left;
}

.btn_bag {
  background: var(--primary);
  color: white;
}
.btn_stop {
  background: rgb(218, 10, 10);
  color: white;
}
.bot_1 {
  border-bottom: 1px solid #ccc;
}

.bg_gray {
  background: #fafafa;
}
// a-layout-sider
.ant-layout-sider-children {
  background: #fff;
}
// a-layout-header
.ant-layout-header {
  background: rgb(248, 237, 237);
}
.imgApproval {
  width: 330px;
  height: 220px;
}
// a-layout-content
.ant-layout-content {
  background: #fff;
}
.wages_set,
.check_set {
  .a_layout_sider {
    padding-left: 20px;
  }
  // 按钮颜色
  .ant-btn:hover,
  .ant-btn:focus,
  .ant-btn:active,
  .ant-btn.active {
    background: var(--primary);
    color: #fff;
  }
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background: #6A66F633;
    color: var(--primary);
  }
  .ant-menu-item:hover,
  .ant-menu-item-active,
  .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
  .ant-menu-submenu-active,
  .ant-menu-submenu-title:hover {
    background: #6A66F633;
    color: var(--primary);
  }
  .ant-menu-vertical .ant-menu-item::after,
  .ant-menu-vertical-left .ant-menu-item::after,
  .ant-menu-vertical-right .ant-menu-item::after,
  .ant-menu-inline .ant-menu-item::after {
    border: 0;
  }
}

header {
  height: 90px !important;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 10px;
  .l_title {
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
  }
}
.l_title {
  color: rgba(51, 51, 51, 1);
  font-size: 20px;
}

// 格式化span
.inline {
  display: inline-block;
}
.sbu_header {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 600;
  color: rgba(72, 72, 72, 1);
}
.sub_tit {
  color: #9c9c9c;
  font-size: 14px;
}

// flex 布局 默认 上下居中
.flex_col {
  flex-direction: column;
}

.space_between {
  justify-content: space-between;
}
.space_around {
  justify-content: space-around;
}
.space_center {
  justify-content: center;
}
/* label_left */
.lab_l {
  .ant-form-item-label {
    text-align: left;
  }
}

.cursor {
  cursor: pointer;
}

/* 动态 padding margin */
$types: (
  mg: margin,
  pd: padding
);
$directions: (
  t: top,
  l: left,
  b: bottom,
  r: right
);
$i: 200;
@each $type, $typeValue in $types {
  @each $dir, $dirValue in $directions {
    @for $i from 1 through 200 {
      .#{$type}_#{$dir}#{$i} {
        #{$typeValue}-#{$dirValue}: #{$i}px;
      }
      .#{$type}_#{$i} {
        #{$typeValue}-#{$dirValue}: #{$i}px;
      }
    }
  }
  $i: $i - 1;
}
$i: 500;
@while $i  > 0{
  .dynamic_width#{$i}{
    width: #{$i}px;
  }
  .dynamic_height#{$i}{
    height: #{$i}px;
  }
  $i: $i - 2
}
/* 字体 */

$fs: 48;
@while $fs > 0 {
  .fs#{$fs} {
    font-size: #{$fs}px;
  }
  $fs: $fs - 2;
}

.cursor {
  cursor: pointer;
}

/* flow css */
.branch-wrap,
.node-wrap {
  display: inline-flex;
  width: 100%;
}
.drawerFoot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  padding: 10px 16px;
  background: #fff;
  text-align: right;
}

// 超出隐藏
.ove{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
